<include file="Public:header" />


    <div id="content">
    	<div class="main_top">
        	<div class="giftLeftBar">
                <img src="../Public/images/gift.png" alt="###" class="giftBar"/>  
                <p class="giftBoot textShadow">You have accumulated {$userPoints} points for redemption</p>    
            </div>   
            
            <div class="giftRightBar">
            	<p class="giftRightTitle textShadow">Gift card redemption</p>
                <p class="textShadow-2">200 points for $20 coupons</p>
                <p class="textShadow-2">500 points for $50 coupons</p>
                <p class="textShadow-2">900 points for $100 coupons</p>
            </div>
            <div class="bd_bottom"></div>      
        </div><!-- end:main_top -->
        
        <div class="main_bottom">
        	<div class="main_bottom_bf">
                <div class="main-Sidebar">
                    <div class="top-Sidebar">
                       <label class="label2">Gift card redemption</label>   
                       	<span class="gift-tips">Please choose your favourite gift card to redeem</span>
                       	 
                    </div>
                    
                    <div class="middle-Sidebar main-padding">
                    	<form action="__ACTION__" method="post" class="gift-form2" name="cat_form">
		                   <select class="select2" name="coupon_cat" onchange="document.cat_form.submit();">
								<option value="" <if condition="$catId eq 0">selected</if> >All</option>
								<foreach name='coupon_cats' item='cat'>
									<option value="{$cat.id}" <if condition="$catId eq $cat['id']">selected</if> >{$cat.name}</option>
								</foreach>
                                
                            </select>
                         </form>
                                    
                 		<ul class="main-listItem main-listItem2">  

							<foreach name="coupons" item="coupon">
								<li>
									<div class="li-setWra">
										<a href="{$coupon.url}">										
											<if condition="$coupon.image_name eq ''">
												<img src="__ROOT__/Public/Uploads/no-image.gif" width="157px" height="112x" /></a>
											<else/>
												<img src="__ROOT__{$coupon.image_path}{$coupon.image_name}" width="157px" height="112x" /></a>
											</if>
										</a>
									</div>
								</li>
							</foreach>                        
                                                    
                        </ul>
						<div class="page_records">{$page}</div>
                    </div>
                    
                    <div class="foot-Sidebar">
                    	<span>See good returns!&nbsp;</span>
                    </div>
               </div>
           </div>
        </div><!-- end:main_bottom -->
      
          
        <div class="main_bottom_3">
        
        </div><!-- end:main_bottom_2 -->
    </div><!-- end:content-->
    

<include file="Public:footer" />